const colors = require("tailwindcss/colors");

/** @type {import('tailwindcss').Config} */
module.exports = {
  // prefix: "bd-", // 写样式时候的前缀
  content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
  darkMode: ["selector", '[data-theme="dark"]'],
  theme: {
    // colors: {
    //   //   // Using modern `rgb`
    //   //   primary: "rgb(var(--theme-primary))",
    //   //   secondary: "rgb(var(--theme-secondary))",
    //   ...colors,

    // },
    extend: {
      fontFamily: {
        sans: [
          "system-ui",
          "-apple-system",
          "Helvetica Neue",
          "Helvetica",
          "PingFang SC",
          "Hiragino Sans GB",
          "Microsoft YaHei",
          "微软雅黑",
          "Segoe UI",
          "Roboto",
          "Noto Sans",
          "Liberation Sans",
          "Arial",
          "sans-serif",
          "Apple Color Emoji",
          "Segoe UI Emoji",
          "Segoe UI Symbol",
          "Noto Color Emoji",
        ],
      },
      colors: {
        primary: {
          50: "#f1f7fd",
          100: "#dfeefa",
          200: "#c7e1f6",
          300: "#a0cff0",
          400: "#72b4e8",
          500: "#5196e0",
          600: "#3d7cd3",
          700: "#3368c2",
          800: "#3158a3",
          900: "#2b497d",
          950: "#1e2e4d",
        },
      },
    },
  },
  plugins: [],
  corePlugins: {
    // preflight: false,
  },
};
